<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>发改局</title>

  <!-- Google Font: Source Sans Pro -->
  <link rel="stylesheet"
        href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  <!-- Font Awesome Icons -->
  <link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css">
  <!-- IonIcons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="../dist/css/adminlte.min.css">
  <!-- Ekko Lightbox -->
  <link rel="stylesheet" href="../plugins/ekko-lightbox/ekko-lightbox.css">
</head>


<body class="hold-transition sidebar-mini">
<div class="wrapper">

  <!-- 主内容容器 -->
  <div class="content-wrapper">
    <!-- 容器头标题 -->
    <div class="content-header">
      <div class="container-fluid">

        <div class="row mb-2">
          <div class="col-sm-6">整体添加包括(<span style="font-weight: 700; color:red;">企业信息,项目信息,项目要件,产品能耗信息</span>)</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">首页</a></li>
              <li class="breadcrumb-item active">添加整体数据</li>
            </ol>
          </div>
        </div>

      </div>
    </div>

    <!-- 主题内容正文 -->
    <div class="content">
      <div class="container-fluid">

        <div class="row">
          <div class="col-lg-12">

            <form>
              <!-- 第一张卡片-->
              <div class="card card-primary" id="card1">
                <!-- 卡片头部 -->
                <div class="card-header">
                  <h3 class="card-title">添加企业</h3>
                </div>

                <!-- 企业添加区域 -->
                <div class="card-body">

                  <div class="form-group">
                    <label for="exampleInputEmail1">企业名称</label>
                    <input type="text" class="form-control" id="exampleInputEmail1" placeholder="企业名称">
                  </div>

                  <div class="form-check">
                    <input type="checkbox" class="form-check-input" id="subEn">
                    <label class="form-check-label" for="exampleCheck1">是否为子企业</label>
                  </div>

                  <div class="form-group">
                    <label>父企业选择</label>
                    <select class="form-control" id="parentEn" disabled>
                      <option>后英集团</option>
                    </select>
                  </div>

                  <div class="form-group">
                    <label for="exampleInputPassword1">建设地点</label>
                    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="建设地点">
                  </div>

                  <div class="form-group">
                    <label for="exampleInputEmail1">所属行业</label>
                    <input type="text" class="form-control" id="exampleInputEmail2" placeholder="所属行业">
                  </div>

                  <div class="form-group">
                    <label for="exampleInputEmail1">总投资</label>
                    <input type="number" class="form-control" id="exampleInputEmail1" placeholder="总投资">
                  </div>

                  <div class="form-group">
                    <label for="exampleInputFile">上传企业执照</label>

                    <div class="input-group">
                      <div class="row">
                        <div class="col-lg-12">
                          <a
                            href=""
                            class="thumbnail" data-toggle="lightbox" data-title="图片预览">
                            <img
                              src=""
                              class="img-fluid mb-2" alt="营业执照"
                              style="border: 1px solid black; padding: 10px; width: 180px;">
                          </a>
                        </div>
                      </div>
                    </div>

                    <div class="input-group" style="margin: 7px;">
                      <div class="row">
                        <div class="col-lg-12">
                          <div class="input-file">
                            <input type="file" class="custom-file-input" id="exampleInputFile">
                            <label class="custom-file-label" for="exampleInputFile">请选择</label>
                          </div>
                        </div>
                      </div>
                    </div>

                  </div>

                  <div class="form-check">
                    <input type="checkbox" class="form-check-input" id="exampleCheck1">
                    <label class="form-check-label" for="exampleCheck1">是否运营</label>
                  </div>

                </div>
                <!-- 添加按钮 -->
                <div class="card-footer">
                  <a class="btn btn-primary" id="next1">下一页</a>
                </div>

              </div>

              <!-- 第二个卡片 -->
              <div class="card card-primary" id="card2" style="display: none;">
                <!-- 卡片头部 -->
                <div class="card-header">
                  <h3 class="card-title">添加项目</h3>
                </div>
                <!-- 企业添加区域 -->
                <div class="card-body">

                  <div class="row">
                    <div class="col-lg-6">

                      <div class="form-group">
                        <label for="exampleInputPassword1">项目名称</label>
                        <input type="text" class="form-control" id="exampleInputPassword1" placeholder="项目名称">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">产品名称</label>
                        <input type="text" class="form-control" id="exampleInputEmail2" placeholder="产品名称">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">总投资(亿元)</label>
                        <input type="number" class="form-control" id="exampleInputEmail1" placeholder="总投资">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">已完成投资(亿元)</label>
                        <input type="number" class="form-control" id="exampleInputEmail1" placeholder="已完成投资">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">未来年计划(亿元)</label>
                        <input type="number" class="form-control" id="exampleInputEmail1" placeholder="未来年计划">
                      </div>

                      <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="exampleCheck1">
                        <label class="form-check-label" for="exampleCheck1">是否为规上企业</label>
                      </div>

                    </div>
                    <div class="col-lg-6">

                      <div class="form-group">
                        <label for="exampleInputEmail1">主要建设内容及规模</label>
                        <input type="text" class="form-control" id="exampleInputEmail1" placeholder="主要建设内容及规模">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">主要工艺说明</label>
                        <input type="text" class="form-control" id="exampleInputEmail1" placeholder="主要工艺说明">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">项目进展情况</label>
                        <input type="text" class="form-control" id="exampleInputEmail1" placeholder="项目进展情况">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">开工时间</label>
                        <input type="date" class="form-control" id="exampleInputEmail1" placeholder="开工时间">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">计划建成投产时间</label>
                        <input type="date" class="form-control" id="exampleInputEmail1" placeholder="计划建成投产时间">
                      </div>

                    </div>
                  </div>
                </div>
                <!-- 添加按钮 -->
                <div class="card-footer">
                  <a class="btn btn-primary" id="next2">下一页</a>
                </div>

              </div>

              <!-- 第三张卡片 -->
              <div class="card card-primary" id="card3" style="display: none;">
                <!-- 卡片头部 -->
                <div class="card-header">
                  <h3 class="card-title">添加项目要件</h3>
                </div>

                <!-- 企业添加区域 -->
                <div class="card-body">

                  <div class="row">
                    <div class="col-lg-6">

                      <div class="form-group">
                        <label for="exampleInputEmail1">审批核准备案时间</label>
                        <input type="text" class="form-control" id="exampleInputEmail1" placeholder="审批核准备案时间">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">产品政策及行业标准符合情况</label>
                        <input type="text" class="form-control" id="exampleInputEmail1" placeholder="产品政策及行业标准符合情况">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">节能审查批复时间及文号</label>
                        <input type="text" class="form-control" id="exampleInputEmail1" placeholder="节能审查批复时间及文号">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">环评审批时间及文号</label>
                        <input type="text" class="form-control" id="exampleInputEmail1" placeholder="环评审批时间及文号">
                      </div>

                      <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="exampleCheck1" checked>
                        <label class="form-check-label" for="exampleCheck1">营业执照情况(有/无)</label>
                      </div>

                      <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="exampleCheck1" checked>
                        <label class="form-check-label" for="exampleCheck1">是否有《可行性研究报告》(有/无)</label>
                      </div>

                      <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="exampleCheck1" checked>
                        <label class="form-check-label" for="exampleCheck1">是否有《可行性评审意见》(有/无)</label>
                      </div>

                      <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="exampleCheck1" checked>
                        <label class="form-check-label" for="exampleCheck1">是否有《节能报告》(有/无)</label>
                      </div>

                    </div>
                    <div class="col-lg-6">

                      <div class="form-group">
                        <label for="exampleInputEmail1">环评复核情况</label>
                        <input type="text" class="form-control" id="exampleInputEmail1" placeholder="环评复核情况">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">施工许可审批时间及文号</label>
                        <input type="text" class="form-control" id="exampleInputEmail1" placeholder="施工许可审批时间及文号">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">产能取得情况</label>
                        <textarea rows="10" class="form-control" id="exampleInputEmail1" placeholder="产能取得情况">
                                                    </textarea>
                      </div>

                    </div>
                  </div>
                </div>
                <!-- 添加按钮 -->
                <div class="card-footer">
                  <a class="btn btn-primary" id="next3">下一页</a>
                </div>

              </div>

              <!-- 第四张卡片 -->
              <div class="card card-primary" id="card4" style="display: none;">
                <!-- 卡片头部 -->
                <div class="card-header">
                  <h3 class="card-title">添加产品能耗</h3>
                </div>

                <!-- 企业添加区域 -->
                <div class="card-body">
                  <!-- 输入框 -->
                  <div class="row">
                    <div class="col-lg-6">

                      <div class="form-group">
                        <label for="exampleInputEmail1">产品年产量(吨)</label>
                        <input type="number" class="form-control" id="exampleInputEmail1" placeholder="产品年产量">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">产品销售收入(万元)</label>
                        <input type="number" class="form-control" id="exampleInputEmail1" placeholder="产品销售收入">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">产品总能耗(吨标煤)</label>
                        <input type="number" class="form-control" id="exampleInputEmail1" placeholder="产品总能耗">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">产品单位产品能耗(吨标煤/吨)</label>
                        <input type="number" class="form-control" id="exampleInputEmail1" placeholder="产品单位产品能耗">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">产品能耗强度(吨标煤/万元)</label>
                        <input type="number" class="form-control" id="exampleInputEmail1" placeholder="产品能耗强度">
                      </div>

                    </div>
                    <div class="col-lg-6">

                      <div class="form-group">
                        <label for="exampleInputEmail1">项目总能耗(吨标准煤)</label>
                        <input type="number" class="form-control" id="exampleInputEmail1" placeholder="项目总能耗">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">能耗替代量(万吨标准煤)</label>
                        <input type="number" class="form-control" id="exampleInputEmail1" placeholder="能耗替代量">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">十三五入统能耗(万吨标准煤)2020年全年</label>
                        <input type="number" class="form-control" id="exampleInputEmail1" placeholder="十三五入统能耗">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">十四五入统能耗(万吨标准煤)2021年全年</label>
                        <input type="number" class="form-control" id="exampleInputEmail1" placeholder="十四五入统能耗">
                      </div>

                    </div>
                  </div>

                </div>
                <!-- 添加按钮 -->
                <div class="card-footer">
                  <button type="submit" class="btn btn-primary" id="next4">添加</button>
                </div>

              </div>
            </form>

          </div>

          <div class="col-lg-6">
          </div>

        </div>
      </div>
    </div>
  </div>

  <!-- Control Sidebar -->
  <aside class="control-sidebar control-sidebar-dark">
  </aside>

  <!-- 版权信息 -->
  <footer class="main-footer">
    <strong>Copyright &copy; 2021 <a href="http://www.chengzhouyun.com/" target="_blank">ChengZhouYun</a>.</strong> All
    rights reserved.
    <div class="float-right d-none d-sm-inline-block">
      <b>Version</b> 1.0
    </div>
  </footer>

</div>

<!-- REQUIRED SCRIPTS -->
<!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE -->
<script src="../dist/js/adminlte.js"></script>

<!-- OPTIONAL SCRIPTS -->
<script src="../plugins/chart.js/Chart.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- Ekko Lightbox -->
<script src="../plugins/ekko-lightbox/ekko-lightbox.min.js"></script>
<!-- Filterizr-->
<script src="../plugins/filterizr/jquery.filterizr.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="../dist/js/pages/dashboard3.js"></script>
</body>
<script>
  $(function () {
    // 是否为子企业切换点击事件注册
    $("#subEn").on("click", function () {
      var checked = $("#subEn").prop("checked");
      if (checked) {
        $("#parentEn").removeAttr("disabled")
      } else {
        $("#parentEn").attr("disabled", "disabled")
      }
    });
    //级联添加的第一页的  下一页按钮的点击事件注册
    $("#next1").on("click", function () {
      console.log("下一页1")
      $("#card1").attr("style", "display:none");
      $("#card2").removeAttr("style");
    });
    //级联添加的第二页的  下一页按钮的点击事件注册
    $("#next2").on("click", function () {
      console.log("下一页2")
      $("#card2").attr("style", "display:none");
      $("#card3").removeAttr("style");
    });
    //级联添加的第三页的  下一页按钮的点击事件注册
    $("#next3").on("click", function () {
      console.log("下一页3")
      $("#card3").attr("style", "display:none");
      $("#card4").removeAttr("style");
    });


    // 营业执照图片预览处理
    $(document).on('click', '[data-toggle="lightbox"]', function (event) {
      event.preventDefault();
      $(this).ekkoLightbox({
        alwaysShowClose: true
      });
    });

    $('.filter-container').filterizr({gutterPixels: 3});
    $('.btn[data-filter]').on('click', function () {
      $('.btn[data-filter]').removeClass('active');
      $(this).addClass('active');
    });
  })
</script>

</html>
